<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=unicode" />
        <title>Background Motion</title>
        <link href="css/motion.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/bmgadget.js"></script>  
        <script type="text/javascript" src="js/gadget.js"></script>    
    </head>
    <body onload="gadget.init();" onkeydown="bmgadget.dockpanel.keypress();">
        <g:background id="gadgetbg" />        
        <div id="docked">      
        	<div id="dockpictureFrame">
            		<table cellpadding="0" cellspacing="0" width="100%" height="100%">
                		<tr>
                    			<td align="center" valign="middle">
                        			<img id="dockpicture" src="img/blank.png" />  
                    			</td>
                		</tr>
            		</table>
        	</div>   
        	<img src="icon.png" width="40" style="z-index:9; position: absolute; right: -6px; top: -45px;"/>    	
        </div>
        <div id="undocked">          	
        	<a href="javascript:void(0);" style="position:absolute; left:42px; top: 55px;" onclick="javascript:bmgadget.onAction('prev');"><img border="0" src="img/prev.gif"/></a>
        	<a id="undocklink" href="javascript:void(0);" target="_new">
        		<img id="undockpicture" border="0" style="position:absolute; left:110px; top: 10px;" width="135" height="105">
        	</a>
        	<a href="javascript:void(0);" style="position:absolute; left:264px; top: 55px;" onclick="javascript:bmgadget.onAction('next');"><img border="0" src="img/next.gif"/></a>
        	<g:text id="undocktitle" style="position:absolute; width: 320px; text-align: center; left: 17px; top: 120px; font-size: 14px; font-weight: bold; color: #333333;"/>
        </div>               
    </body>
</html>